:deep(.el-switch) {

  // background-color: green;

  .el-switch__core {
    .el-switch__inner {

      .is-text {
        color: var(--xz-switch-text-color);
      }
    }

    .el-switch__action {
      background-color: var(--xz-switch-action-color)
    }
  }
}

:deep(.el-switch.is-checked) {
  
  // background-color: red;

  .el-switch__core {
    .el-switch__inner {

      .is-text {
        color: var(--xz-switch-text-color-checked);
      }
    }

    .el-switch__action {
      background-color: var(--xz-switch-action-color-checked)
    }
  }

}